﻿<!doctype html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="Keywords" content="">
    <meta name="Description" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <link rel="stylesheet" type="text/css" href="lib/css/bootstrap.common.min.css" />
    <link rel="stylesheet" type="text/css" href="css/base.css" />
    <title></title>
</head>
<body class="container select-type-body bg-f6">
    <header class="row header usrpage-header" id="header">
        <a class="pull-left header-btn bg-darker" href="goodsdetail.html"><span class="icon2 icon2-back"><span class="sr-only">返回</span></span></a>
        <a class="pull-right header-btn" href="#"><span class="icon4 icon4-share" data-toggle="modal" data-target="#modal_share"><span class="sr-only">分享</span></span></a>
        <h1>家居资讯</h1>
    </header>
    <main class="row main">
        <article class="real-article">
            <header>
                <h4><!--<strong>-->(栗子)Nishi Chauhan：超Q的瓶瓶罐罐动物农场<!--</strong>--> </h4>
                <div class="mute">
                    <small>
                        时间:<span class="pr-10">2014-5-23</span>
                        所属栏目:<span>全球设计汇(栗子)</span>
                    </small>
                </div>
            </header>
            
            <div class="real-article-body" role="document">
                <p>(栗子)变废为宝，还得奇思妙想。来自设计师Nishi Chauhan的大创意，由一些废弃的瓶瓶罐罐，设计而成的anima farm。每一只瓶子，Nishi Chauhan都会根据它的形态特征，设计成形体相近的动物，企鹅、长颈鹿、犀牛……Q趣十足。同时，这些小东西还兼具照明的功能，夜晚点亮一盏，柔和的灯光，憨憨的体态，总给人一种“若无闲事挂心头，便是人间好时节”的愉悦。</p>
                <img src="images/e5.jpg"/>
            </div>
        </article>
        <nav class="comment-page-controler m-10 pt-5 bor-top-gray-dashed mute article-nav clearfix">
            <small class="pull-left">
                <span>上一篇:</span><a href="#">.article-nav>*可设置最大宽度,的撒爱上的黄金大数据库的撒黄金大撒谎的撒</a>
            </small>
            <small class="pull-right">
                <span>下一篇:</span><a href="#">只要设置50%就不会上下错位</a>
            </small>
        </nav>
    </main><!--main-->
    <section class="row header usrpage-header header-with-searcher left-side" id="header">
        <div class="search-bar">
            <input type="text" placeholder="搜索商品/品牌" />
            <button class="btn search-submit"><span class="icon4 icon4-search"><span class="sr-only">搜索</span></span></button>
        </div>
        <a class="pull-right header-btn bg-darker" href="#header"><span class="icon4 icon4-top"><span class="sr-only">跳回顶部</span></span></a>
    </section>
    <!--页尾-->
    <footer class="row footer">
        <nav class="footer-nav">
            <div class="pull-left">
                <a href="usrpage.html" class="nav-item left-icon"><span class="icon icon-people icon-s18"></span>登录</a>
                <a class="nav-item"><span class="icon icon-vertline"></span></a>
                <a href="signup.html" class="nav-item left-icon"><span class="icon icon-locker icon-s18"></span>注册</a>
            </div>
            <div class="pull-right">
                <a class="nav-item" href="feedback.html">反馈</a>
                <a class="nav-item divider"><span class="icon icon-vertline"></span></a>
                <a class="nav-item" href="#header">TOP<span class="icon-beak"></span></a>
            </div>
        </nav>
        <nav class="footer-nav2">
            <div class="platform-select">
                <div class="text-center">
                    <a class="nav-item left-icon" href="#"><span class="icon icon-phone icon-s18"></span>手机版</a>
                    <a class="nav-item left-icon" href="#"><span class="icon icon-computer icon-s18"></span>电脑版</a>
                    <a class="nav-item left-icon"><span class="icon icon-phone2 icon-s18"></span>下载客户端</a>
                </div>
                <div class="text-center footer-copyright">
                    <span>Copyright © 20013-2014  QQT100.COM</span><br />
                    <span>客服电话：4000-139-020</span>
                </div>
            </div>
        </nav>
    </footer>
    <!--modal 分享-->
    <!--<div class="modal modal-storeSelecter" id="modal_share" tabindex="-1" role="dialog" aria-labelledby="modalLabel_shareList" aria-hidden="true">
        <div class="modal-dialog w-80pc">
            <div class="modal-content">
                <header class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                    <h4 class="modal-title green-78" id="modalLabel_shareList">分享方式</h4>
                </header>
                <div class="modal-body">
                    <div class="modal-store-catagory">
                        <ul>
                            <li><a href="#">新浪微博</a></li>
                            <li><a href="#">腾讯微博</a></li>
                            <li><a href="#">QQ空间</a></li>
                            <li><a href="#">微信</a></li>
                            <li><a href="#">豆瓣</a></li>
                            <li><a href="#">一键分享</a></li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>-->
    <!-- /.modal -->
    <!--The script:-->
    <script src="lib/js/zepto.min.js"></script>
    <script src="js/script_ui_ev.js"></script>
    <!--<script src="js/modalscript.js"></script>-->
</body>
</html>
